@import '../../../styles/variables.less';
@import '../../../styles/antd-custom.less';

.container {
  padding: 20px;
}

.card {
  max-width: 800px;
  margin: 0 auto;
}

.userInfo {
  display: flex;
  align-items: center;
  padding: 16px 0;
}

.avatar {
  margin-right: 24px;
}

.userMeta {
  h4 {
    margin-bottom: 4px;
  }
}

.securitySection {
  max-width: 500px;
  margin-top: 20px;
  padding: 16px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #fafafa;
} 